var $container = $('#container');
// initialize
$container.masonry({
    gutter: 15,
    itemSelector: '.item',
    isAnimated: true
});

$(function () {

    $('a.grouped_elements').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',

        prevEffect : 'none',
        nextEffect : 'none',
        playSpeed : 2000,
        closeBtn  : false,
        changeFade: 'normal',
        

        keys : {
            next : {
                13 : 'left', // enter 
                34 : 'up',   // page down
                39 : 'left', // right arrow
                40 : 'up'    // down arrow
                //下一个：回车，PageDown，→，↓
            },
            prev : {
                8  : 'right',  // backspace
                33 : 'down',   // page up
                37 : 'right',  // left arrow
                38 : 'down'    // up arrow
                //上一个：退格，PageUp，←，↑
            },
            close  : [27], // escape key
                //关闭：ESC
            play   : [32], // space - start/stop slideshow
                //开始/暂停：空格
            toggle : [70]  // letter "f" - toggle fullscreen
                //全屏/退出全屏：F
        },
        helpers : {
            overlay : {
                closeClick : true,  // 若为true，则当用户点击遮罩层时会自动关闭 fancyBox
                showEarly  : true,  // 立即打开 fancyBox 还是等内容加载完毕再打开
                css        : {},    // 自定义 CSS
                locked     : true   // 若为 true，则内容会被锁定在遮罩层中
            },
            title : {
                type : 'inside'
            },
            buttons    : {}
        },

        afterLoad : function() {
            this.title = '作品 ' + (this.index + 1) + ' 总数 ' + this.group.length + (this.title ? ' - ' + this.title : '');
        }
    });
    
    $("img").lazyload({
        effect: "fadeIn"
    });

    $(".nav li a").click(function () {
        $(".nav-selected").removeClass("nav-selected");
        $(this).addClass("nav-selected");
    });

    $(".works-category li").click(function () {
        if ($(this).hasClass('current-category')) {
            return;
        }
        $(this).addClass("current-category").siblings().removeClass("current-category");
        var worksType = $(this).attr("worksType");
        window.location.href = "/works?worksType=" + worksType;
    });

});